$(window).on("scroll", function () {
    $("html,body").animate({
        scrollTop: 590
    }, 1000)
    $(this).off('scroll')
})


// ------------------------------------------------------------------------------------

// 一、先做前端的表单验证
//功能：所有前端的验证；
function isTest(){
	return isUserName()&&checkBox()&&isPass()&&verificationCode()&&captchaVerification();
}

//1、用户名的前端验证
function isUserName(){
	//1)、非空判断
	if($("#username").val()==""){
		return false;
	}
	//2)、格式判断
	// 用户名有数字，字母下划线组成，但不能以数字开头，2-10位
	let reg = /^[a-zA-Z_]\w{1,9}$/;
	if(!reg.test($("#username").val())){
		return false;
	}
	return true;
}


//2、密码的前端验证
function isPass(){
	//1)、非空判断
	if($("#userpass").val()==""){
		return false;
	}
	//2)、格式判断
	// 数字，6-16位
	let reg = /^\d{6,16}$/;
	if(!reg.test($("#userpass").val())){
		return false;
	}
	return true;
}

// 验证码
function randomCode() {
    let res = "";
    let str = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIGKLMNOPQRSTUVWXYZ";
    for (let i = 0; i < 4; i++) {
        var num =parseInt(Math.random()*str.length)
        res += str[num];
    }
    $(".span8").val(res);
}
randomCode();
$(".span8").on("click",function(){
    randomCode();
})


function captchaVerification(){
   $(".yzm").blur(function(){
    if($(".yzm").val()==$(".span8").val()){
        $(".span9").html("验证码正确");
        $(".span9").css({"color":"green"});
        return;
    }else{
        $(".span9").html("验证码错误");
        $(".span9").css({"color":"red"});
        return;
    }
   })
}
captchaVerification()

// 短信验证
function verificationCode(){
    $(".dx").blur(function(){
        if($(".dx").val()=="123456"){
            $(".span10").html("短信正确");
            $(".span10").css({"color":"green"});
            return;
        }else{
            $(".span10").html("短信错误");
            $(".span10").css({"color":"red"});
            return;
        }
    })
    
}
verificationCode()

function checkBox(){
	$("#dianji").on("click",function(){
		if($("#dianji").prop("checked") == true){
			return true;
		}else if($("#dianji").prop("checked") == false){
			return false;
		}
	})
	$("#dianji").off("click")
}
checkBox()


////////////////////////////后端用户名验证接口///////////////////////////////
let hasUser = false;//该用户名不存在
function hasUserBack(){
	//后端验证用户名是否存在
	$.get("../goodsAndShoppingCart/checkUser.php",{"username":$("#username").val()},function(data){
        console.log(data)
        if(data.trim()=="0"){
            $("#showUser").html("亲，该用户名已经存在！");
			$("#showUser").css({"color":"red"});
			hasUser = true;
		}else{
            $("#showUser").html("亲，该用户名可以使用！");
			$("#showUser").css({"color":"green"});
			hasUser = false;
		}
	})
}


$(function(){		
		$("#username").blur(function(){
			//1、前端验证
			if(isUserName()==false){
				$("#showUser").html("请输入正确的格式！");
				$("#showUser").css({"color":"red"});
				return;
			}
			//2、后端的验证
			hasUserBack();
		});	

		$("#userpass").blur(function(){
			//1、前端验证
			if(isPass()==false){
				$("#showPass").html("亲，密码格式不正确	!");
                $("#showPass").css({"color":"red"});
				return;
			}else{
				$("#showPass").html("√");
                $("#showPass").css({"color":"green"});
			}
		});

//////////////////////////注册接口 ///////////////////////////////////////////////
		$("#btnReg").click(function(){
			//1、前端验证
			if(isTest()==false){
				$("#messageBox").html("亲，您的信息输入不全");
                $("#messageBox").css({"color":"red"});
				return;
			}
			//2、用户名是否存在(后端验证)
			if(hasUser){
				return;
			}		

			$.post(
				"../goodsAndShoppingCart/addUser.php",
				{
					"username":$("#username").val(),
					"userpass":$("#userpass").val()
				},
				function(data){
					if(data.trim()=="success"){
						$("#messageBox").css({"color":"green"});
						$("#messageBox").html("恭喜您,注册成功!秒后跳转到<a href='./login.html'>登录</a>页面");
						setTimeout(()=>{
							location.href="./login.html";
						},2000);
					}else if(data.trim()=="fail"){
						$("#messageBox").css({"color":"red"});
						$("#messageBox").html("不好意思，注册失败!");
					}else{
						$("#messageBox").css({"color":"red"});
						$("#messageBox").html("不好意思，服务器出问题了!");
					}
                    console.log(data);
				}
			);
		});
	});
	



